<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			} 
			#bod{
				background: url(img/login_bg.gif);
				background-repeat: no-repeat;
				background-size: 100%;
				width: 1001px;
				height: 500px;
				position: relative;
				margin: auto;
				
			}
			#left{
				float:left;
				width: 50%;
			}
			#right{
				float: right;
				width: 45%;
			}
			#table{
				
				width: 450px;
				margin: auto;
			}
			#left li{
				padding-left: 80px;
				list-style:none ;
				line-height: 40px;
			}
			#register{
				width: 400px;
				margin: auto;
			}
			#register li{
				list-style:none ;
				line-height: 40px;
			}
			p{
				width: 250px;
			}
			#footer{
				margin:auto;
				width: 1050px;
			}
			#footer_iframe{
				width: 1050px;
			}
			#top{
				margin:auto;
				width: 1050px;
			}
			#top_iframe{
				width: 1050px;
			}
		</style>
	</head>
	<body>
		<div id="top">
		<iframe id="top_iframe" src="header.html" frameborder="0" scrolling="no">
		</iframe>
		</div>
		<div id="bod">
		<div id="left">
			<img src="img/logintitle.gif"  style="margin-top: 70px;"/>
			<div id="table">
				<table>
					<tr>
						<td>会员名：</td>
						<td><input  type="text"/></td>
						<td>(可包含a-z,0-9和下划线)</td>
					</tr>
					<tr>
						<td>密码：</td>
						<td><input type="text" /></td>
						<td>(至少包含6个字符)</td>
					</tr>
					<tr>
						<td colspan="2" style="text-align: center;">
							<img src="img/login.gif" />
						</td>
					</tr>
				</table>
			</div>
			<ul>
				<li><span>δ</span><a href="#">什么是安全登录</a></li>
				<li><span>δ</span>香港会员(繁体中文用户)由此<a href="#">登入</a></li>
				<li><span>δ</span><a href="#">密码安全贴士</a></li>
				<li><span>δ</span>防止病毒或者木马窃取您的账户，<a href="#">在线检查</a>您的电脑是否安全</li>
			</ul>
		</div>
		<div style="float:left;margin-top: 100px;width: 1px;height: 350px; background: darkgray;"></div>
		
		<div id="right">
			<img src="img/register.gif" style="margin-top: 90px;" />
			<div id="register">
				<ul>
					<li style="list-style:url(img/img_logo1.png);"><a href="#">便宜有好货！</a>超过7000万件商品任您选</li>
					<li style="list-style:url(img/img_logo2.png);"><a href="#">买卖更安全！</a>交易超安全</li>
					<li style="list-style:url(img/img_logo3.png);"><a href="#">免费开网店！</a>轻松赚钱交友</li>
					<li style="list-style:url(img/img_logo4.png);"><a href="#">超人气社区！</a>精彩活动每一天</li>
				</ul>
				<p align="center"><img src="img/registernow.gif"/></p>
				<p align="center"><img src="img/img_logo5.png">您已经是会员了？<a href="#">由此登录</a></p>
				<p align="center"><img src="img/img_logo6.png">繁体中文用户由此<a href="#">注册</a></p>
			</div>

		</div>

		</div>
				<div id="footer">
			<iframe id="footer_iframe" src="footer.html" frameborder="0" scrolling="no">
			</iframe>
			</div>
	</body>
</html>
